<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<style>
    .form-control {
        border: 0;
    }

</style>
<div class="main-content">
    <div class="box box-main">
        <form id="taskOrderForm" model="post" action="<c:url value="/web/admin/taskOrder/addOrUpdate.action"/>"
              method="post" class="form-horizontal">
            <div class="box-body">
                <div class="form-unit">基本信息</div>
                <input type="hidden" name="id" value="${taskOrder.id}"/>
                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                任务流水号：<i class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${taskOrder.serial}</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                任务单类型：<i class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${taskOrder.orderType.propertyName}</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                发布人：<i class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${taskOrder.createUser.userName}</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                所属企业：<i class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${taskOrder.enterprise.enterpriseName}</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                任务地址：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${taskOrder.taskAddress}</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                任务内容：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${taskOrder.taskContent}</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                任务来源：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${taskOrder.taskSourceEnum.name}</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                部门：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${taskOrder.organization.organizationName}</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                任务区域：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${taskOrder.taskArea.areaName}</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                发布时间：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control"><fmt:formatDate value="${taskOrder.createDate}"
                                                                        pattern="yyyy年MM月dd日HH点mm分ss秒"/></p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                到场时间：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control"><fmt:formatDate value="${taskOrder.presenceTime}"
                                                                        pattern="yyyy年MM月dd日HH点mm分ss秒"/></p>
                            </div>
                        </div>
                    </div>
                </div>

<%--                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                要求到场时间：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control"><fmt:formatDate value="${taskOrder.requirePresenceTime}"
                                                                        pattern="yyyy年MM月dd日HH点mm分ss秒"/></p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                到场时间：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control"><fmt:formatDate value="${taskOrder.presenceTime}"
                                                                        pattern="yyyy年MM月dd日HH点mm分ss秒"/></p>
                            </div>
                        </div>
                    </div>
                </div>--%>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                要求完成时间：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control"><fmt:formatDate value="${taskOrder.requireFinishTime}"
                                                                        pattern="yyyy年MM月dd日HH点mm分ss秒"/></p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                任务完成时间：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control"><fmt:formatDate value="${taskOrder.taskFinishTime}"
                                                                        pattern="yyyy年MM月dd日HH点mm分ss秒"/></p>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                负责人：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control">${taskOrder.receiveUser.userName}</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                完成评分：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control" style="color: darkgoldenrod"><c:forEach begin="1" end="${taskOrder.lastScore}">★</c:forEach></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                完成评价：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-8">
                                <p class="form-control" >${taskOrder.lastRemark}</p>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="row">
                    <div class="col-xs-12">
                        <div class="form-group">
                            <label class="control-label col-sm-2" title="">
                                审批流：<i
                                    class="fa icon-question hide"></i></label>
                            <div class="col-sm-9">
                                <c:forEach items="${flow}" var="flows" varStatus="count">
                                    <c:if test="${count.index>0}">
                                        <li class="glyphicon glyphicon-arrow-right countSize"></li>
                                    </c:if>
                                    <p class="btn btn-default square"
                                            <c:if test="${count.index == taskOrder.auditLevel && taskOrder.taskOrderStatus == 'IN_AUDITING'}">
                                                style="background-color: red"
                                            </c:if>
                                    >${flows.text} ${flows.value}</p>
                                </c:forEach>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-unit">照片信息</div>
                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                任务照片：<i
                                    class="fa icon-question hide"></i></label>
                            <c:forEach var="entry" items="${taskOrder.taskPhoto}">
                                <img src="<%=request.getContextPath()%>/${entry.path}" width="10%"/>
                            </c:forEach>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                完成照片：<i
                                    class="fa icon-question hide"></i></label>
                            <c:forEach var="entry" items="${taskOrder.taskFinishPhoto}">
                                <img src="<%=request.getContextPath()%>/${entry.path}" width="10%"/>
                            </c:forEach>
                        </div>
                    </div>
                </div>

                <div class="form-unit">录音信息</div>
                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="control-label col-sm-4" title="">
                                录音：<i
                                    class="fa icon-question hide"></i></label>
                            <audio src="<%=request.getContextPath()%>/${taskOrder.resource.path}" controls="controls"
                                   width="10%"></audio>
                        </div>
                    </div>
                </div>

            </div>
        </form>
    </div>
</div>


<script>


</script>


